/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
.home-title {
  margin-top: var(--iui-size-m);
  font-weight: 900;
}

.home {
  display: grid;
  grid-template-rows: 250px auto;
  grid-template-columns: minmax(300px, 50%) 50%;
  .home-section {
    a,
    span {
      display: block;
      margin: 8px 8px 8px 0;
      color: var(--iui-color-icon-accent);
      text-decoration: none;
      cursor: pointer;
      width: 200px;
    }
    svg {
      height: 15px;
      width: 15px;
      float: left;
      margin: 4px 8px 0 0;
      fill: var(--iui-color-icon-accent);
    }
    .disabled-link {
      pointer-events: none;
      color: var(--iui-color-icon-disabled);
      fill: var(--iui-color-icon-disabled);
    }

    .disabled-link-recent {
      color: var(--iui-color-icon-disabled);
      fill: var(--iui-color-icon-disabled);

      svg {
        fill: var(--iui-color-icon-disabled);
      }
    }
  }
  .start {
    grid-row: 1;
  }
  .learn {
    grid-row: 1/4;
    a,
    span {
      width: 100% !important;
    }
  }
}